6.  eventhandler

6.4  array document.links

Für jede seite enthält das objekt document die eigenschaft links, die in der form eines array informationen über alle links auf der seite enthält.

array links

beispiel 6c - array links
Das beispiel hat noch gar nichts mit eventhandler zu tun, es enthält drei links, wovon zwei die funktion nix aufrufen. Alle links haben einen namen oder eine id, das dient hier nur ein wenig zum spielen.

Die funktion nix ermittelt die anzahl der vorhandenen links und zeigt dies an. Dann zeigt sie, auf was die links verweisen und den namen bzw. die id der links. Bei der anzahl der links wird noch angezeigt, von welchem link die funktion aufgerufen wurde.

EXEC    beispiel6c  ausführen


array links und event
Einzelne links aus dem array document.links können mit der funktion eines eventhandlers verbunden werden. Wenn das tag mit dem link einen namen oder eine id hat, kann darüber der link im array angesprochen werden, andernfalls geht es über den index. Eine bedauerliche einschränkung gibt es: der Internet Explorer kennt diese möglichkeit nicht.

document.links[ "name" | "id" | index ]. event = funktion;

beispiel 6d - array links und event

Beim laden der seite wird die funktion init aufgerufen, mit der für drei links der eventhandler onclick mit funktionen vereinbart wird. Man beachte, dass ein link einen namen hat und die beiden anderen eine id haben. Das ziel der links ist die funktion mist, die zwar nach der event-funktion ausgeführt wird, aber nichts weiter tut als einen bedeutungslosen text auszugeben.

Die funktion linktest ermittel das ziel des links (href) und name bzw. id des tags, das den link enthält und zeigt die ergebnisse an.

Die funktion linksprung tut zunächst das gleiche wie linktest, ändert dann aber das ziel des links ab und ruft das ziel auf. Die funktion mist wird dann natürlich nicht ausgeführt. Erst nach der rückkehr von dem angesprungenen ziel wird die von der funktion veranlasste anzeige sichtbar.

EXEC    beispiel6d  ausführen


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  C S S  
  P H P  
  My S Q L  
  javascript